<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>尚品汇第二次</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index2.css">
</head>
<body>
<!--    头部导航-->
<div class="topNav">
    <div class="container">
        <div class="topNav-content clearfix">
            <div class="topNav-content-left leftfix clearfix">

                <span class="hello">尚品汇欢迎您</span>
                <span>请</span><a href="#">登录</a><a href="#">免费注册</a>


            </div>
            <div class="topNav-content-right rightfix">
                <ul class="topNav-content-right-list clearfix">
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的购物车</a></li>
                    <li><a href="#">我的尚品汇</a></li>
                    <li><a href="#">尚品汇会员</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">关注尚品汇</a></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">商家后台</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="header">
    <div class="container clearfix">
        <div class="logo leftfix"><img src="./images/logo.png"></div>
        <div class="search rightfix clearfix">
            <div class="rightfix">
                <input>
                <button>按钮</button>
            </div>
        </div>
    </div>
</div>


<div class="header-nav">
    <div class="container clearfix">
        <div class="leftfix classify">
            全部商品分类
        </div>

        <ul class="header-nav-list leftfix">
            <li><a>尚品超市</a></li>
            <li><a>优惠券</a></li>
            <li><a>买撒</a></li>
            <li><a>尚品家电</a></li>
            <li><a>尚品生鲜</a></li>
            <li><a>PLUS会员</a></li>
            <li><a>进口好物</a></li>
            <li><a>品牌闪购</a></li>
            <li><a>拍卖</a></li>
            <li><a>五金商店</a></li>
        </ul>

    </div>
</div>

<div class="content">
    <div class="container clearfix">
        <div class="leftfix content-left">
            <ul class="content-left-list">
                <li>
                    <a>手机</a>
                    <span>/</span>
                    <a>运营商</a>
                    <span>/</span>
                    <a>数码</a>
                    <div class="second-menu">
                        <ul class="second-menu-list clearfix">
                            <li><a>电子书刊</a></li>
                            <li><a>电子书</a></li>
                            <li><a>网络原创</a></li>
                            <li><a>数字杂志</a></li>
                            <li><a>多媒体图书</a></li>
                        </ul>
                        <ul class="second-menu-list clearfix">
                            <li><a href="#">音像</a></li>
                            <li><a href="#">音乐</a></li>
                            <li><a href="#">影视</a></li>
                            <li><a href="#">教育音像</a></li>
                        </ul>

                        <ul class="second-menu-list clearfix">
                            <li><a href="#">英文原版</a></li>
                            <li><a href="#">少儿</a></li>
                            <li><a href="#">商务投资</a></li>
                            <li><a href="#">英语学习考试</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">励志</a></li>
                        </ul>

                        <ul class="second-menu-list clearfix">
                            <li><a href="#">文艺</a></li>
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">青春文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">艺术</a></li>
                        </ul>


                        <ul class="second-menu-list clearfix">
                            <li><a href="#">少儿</a></li>
                            <li><a href="#">胎教</a></li>
                            <li><a href="#">0-2岁</a></li>
                            <li><a href="#">3-4岁</a></li>
                            <li><a href="#">6-7岁</a></li>
                            <li><a href="#">10-12岁</a></li>
                        </ul>


                        <ul class="second-menu-list clearfix">
                            <li><a href="#">人文社科</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">哲学</a></li>
                            <li><a href="#">国学</a></li>
                            <li><a href="#">政治/军事</a></li>
                            <li><a href="#">法律</a></li>
                            <li><a href="#">人文社科</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">社会科学</a></li>
                        </ul>


                        <ul class="second-menu-list clearfix">
                            <li><a href="#">经管励志</a></li>
                            <li><a href="#">金融与投资</a></li>
                            <li><a href="#">管理</a></li>
                            <li><a href="#">励志与成功</a></li>
                            <li><a href="#">经济</a></li>
                        </ul>


                        <ul class="second-menu-list clearfix">
                            <li><a href="#">生活</a></li>
                            <li><a href="#">健康与保健</a></li>
                            <li><a href="#">家庭与育儿</a></li>
                            <li><a href="#">旅游</a></li>
                            <li><a href="#">烹饪美食</a></li>
                        </ul>


                        <ul class="second-menu-list clearfix">
                            <li><a href="#">科技</a></li>
                            <li><a href="#">工业技术</a></li>
                            <li><a href="#">科普读物</a></li>
                            <li><a href="#">建筑</a></li>
                            <li><a href="#">医学</a></li>
                            <li><a href="#">科学与自然</a></li>
                            <li><a href="#">计算机与互联网</a></li>
                            <li><a href="#">电子通信</a></li>
                        </ul>

                        <ul class="second-menu-list clearfix">
                            <li><a href="#">教育</a></li>
                            <li><a href="#">工业技术</a></li>
                            <li><a href="#">科普读物</a></li>
                            <li><a href="#">建筑</a></li>
                            <li><a href="#">医学</a></li>
                            <li><a href="#">科学与自然</a></li>
                            <li><a href="#">计算机与互联网</a></li>
                            <li><a href="#">电子通信</a></li>
                        </ul>

                        <ul class="second-menu-list clearfix">
                            <li><a href="#">艺术与收藏</a></li>
                            <li><a href="#">工业技术</a></li>
                            <li><a href="#">科普读物</a></li>
                            <li><a href="#">建筑</a></li>
                            <li><a href="#">医学</a></li>
                            <li><a href="#">科学与自然</a></li>
                            <li><a href="#">计算机与互联网</a></li>
                            <li><a href="#">电子通信</a></li>
                        </ul>

                        <ul class="second-menu-list clearfix">
                            <li><a href="#">其他</a></li>
                            <li><a href="#">工业技术</a></li>
                            <li><a href="#">科普读物</a></li>
                            <li><a href="#">建筑</a></li>
                            <li><a href="#">医学</a></li>
                            <li><a href="#">科学与自然</a></li>
                            <li><a href="#">计算机与互联网</a></li>
                            <li><a href="#">电子通信</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a>电脑</a>
                    <span>/</span>
                    <a>办公</a>
                </li>
                <li>
                    <a>家具</a>
                    <span>/</span>
                    <a>家居</a>
                    <span>/</span>
                    <a>家装</a>
                    <span>/</span>
                    <a>厨具</a>


                </li>
                <li>
                    <a>男装</a>
                    <span>/</span>
                    <a>女装</a>
                    <span>/</span>
                    <a>童装</a>
                    <span>/</span>
                    <a>内衣</a>
                </li>
                <li>
                    <a>美妆</a>
                    <span>/</span>
                    <a>个护清洁</a>
                    <span>/</span>
                    <a>宠物</a>
                </li>
                <li>
                    <a>女鞋</a>
                    <span>/</span>
                    <a>箱包</a>
                    <span>/</span>
                    <a>钟表</a>
                    <span>/</span>
                    <a>珠宝</a>
                </li>
                <li>
                    <a>男鞋</a>
                    <span>/</span>
                    <a>运动</a>
                    <span>/</span>
                    <a>户外</a>
                </li>
                <li>
                    <a>房产</a>
                    <span>/</span>
                    <a>汽车</a>
                    <span>/</span>
                    <a>骑车用品</a>
                </li>
                <li>
                    <a>母婴</a>
                    <span>/</span>
                    <a>玩具乐器</a>
                </li>
                <li>
                    <a>食品</a>
                    <span>/</span>
                    <a>酒类</a>
                    <span>/</span>
                    <a>生鲜</a>
                    <span>/</span>
                    <a>特产</a>
                </li>
                <li>
                    <a>艺术</a>
                    <span>/</span>
                    <a>礼品鲜花</a>
                    <span>/</span>
                    <a>农资绿植</a>
                </li>
                <li>
                    <a>医药保健</a>
                    <span>/</span>
                    <a>计生情趣</a>
                </li>
                <li>
                    <a>图书</a>
                    <span>/</span>
                    <a>文娱</a>
                    <span>/</span>
                    <a>教育</a>
                    <span>/</span>
                    <a>电子书</a>
                </li>
                <li>
                    <a>机票</a>
                    <span>/</span>
                    <a>酒店</a>
                    <span>/</span>
                    <a>旅游</a>
                    <span>/</span>
                    <a>生活</a>
                </li>
                <li>
                    <a>众筹</a>
                    <span>/</span>
                    <a>白条</a>
                    <span>/</span>
                    <a>保险</a>
                    <span>/</span>
                    <a>企业金融</a>
                </li>
                <li>
                    <a>安装</a>
                    <span>/</span>
                    <a>维修</a>
                    <span>/</span>
                    <a>清洗</a>
                    <span>/</span>
                    <a>二手</a>
                </li>
            </ul>
        </div>
        <div class="leftfix content-mid"><img src="./images/banner主图.png"></div>
        <div class="leftfix content-right">
            <div class="content-right-up clearfix">
                <div class="content-right-up-link">
                    <div class="content-right-up-left leftfix">尚品快报</div>
                    <a class="content-right-up-right rightfix" href="#" >更多 ></a>
                </div>
                <ul class="content-right-up-info">
                    <li><a>[特惠] 毛衣+直筒裤,才是YYDS。</a></li>
                    <li><a>[特惠] 超大容量的满足来自干撒子。</a></li>
                    <li><a>[特惠] 每日一件，衣柜满到塞不下。</a></li>
                    <li><a>[特惠] 媳妇儿再买，我就疯给他看。</a></li>
                </ul>

            </div>
            <div class="content-right-down">
                <ul class="list clearfix">
                    <li><div></div><div>话费</div></li>
                    <li><div></div><div>火车票</div></li>
                    <li><div></div><div>加油卡</div></li>
                    <li><div></div><div>白条</div></li>
                </ul>
                <ul class="list clearfix">
                    <li><div></div><div>电影票</div></li>
                    <li><div></div><div>酒店</div></li>
                    <li><div></div><div>理财</div></li>
                    <li><div></div><div>机票</div></li>
                </ul>
                <ul class="list clearfix">
                    <li><div></div><div>礼品卡</div></li>
                    <li><div></div><div>彩票</div></li>
                    <li><div></div><div>游戏</div></li>
                    <li><div></div><div>众筹</div></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>